<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header-inner">
        <div class="container">
            <div class="header clearfix">
                <div class="header-left clearfix">
                    <div class="logo">
                        <img src="img/1.png" alt="">
                    </div>
                    <div class="fen">
                        分类 <img src="img/jian.png" alt="">
                    </div>
                    <div class="sou">
                        <input type="text" placeholder="搜索感兴趣的内容">
                        <button><img src="img/sou.jpg" alt=""></button>
                    </div>
                </div>
                <div class="header-right">
                    <ul class="clearfix">
                        <li class="diu"><a href="">堆糖生活家</a></li>
                        <li><a href="">注册/登录</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<div class="container">
    <div class="content">
        <div class="content-1">
            <img src="img/2.jpg" alt="">
        </div>
        <div class="content-2 clearfix">
            <div class="content-2-left">
                <img src="img/lun.jpg" alt="">
            </div>
            <div class="content-2-right">
                <div class="she-1">
                    <h4>社区热点</h4>
                </div>
                <div class="she-2">
                    <div class="dt-s"><a href="">欧美风</a></div>
                    <div class="dt-s"><a href="">美甲</a></div>
                    <div class="dt-s"><a href="">东宫</a></div>
                    <div class="dt-s"><a href="">张云雷</a></div>
                    <div class="dt-s"><a href="">插画</a></div>
                    <div class="dt-s"><a href="">女生节</a></div>
                    <div class="dt-s"><a href="">阿丽塔</a></div>
                    <div class="dt-s"><a href="">猫</a></div>
                </div>
                <div class="she-3">
                    <a href="" class="dt-j">
                    <span id="jing">精选</span><span id="zhao">招募 <img src="img/dian.jpg" alt="">少女感养成...</span>
                </a>
                    <a href="" class="dt-g">
                        <span id="jing-1">工具</span><span id="zhao-1">堆糖收图小助手</span>
                    </a>
                </div>
                <div class="she-4 clearfix">
                    <div class="she-4-left">
                        <img src="img/lun-right.jpg" alt="">
                    </div>
                    <div class="she-4-right">
                        <h3>堆糖 - 美好生活研究所</h3>
                        <p>最佳生活类应用</p>
                        <a href="">立即下载</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-3 clearfix">
            <div class="content-3-left clearfix">
                <div class="dong-left">
                    <ul>
                        <li class="mei">
                            <a href=""> <img src="img/shu.jpg" alt="">每日精选</a>
                        </li>
                        <li class="guan"><a href="">关注动态</a></li>
                    </ul>
                </div>
                <div class="dong-right">
                    <div class="dt-1">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-1.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>堆糖小喇叭</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>留下壁纸，我们就是朋友！</p>
                            <a href=""><img src="img/d-2.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>140</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>219</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-2">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-3.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>coloroom彩条屋</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                            <a href=""><img src="img/d-4.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>1228</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>1581</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-3">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-5.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>美少女PINK酱</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
                            <a href=""><img src="img/d-6.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>161</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>765</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-4">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-7.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>-你是我全世界最喜欢的猪-</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>有哪些适合摘抄的 文艺且悲凉的句子？</p>
                            <a href=""><img src="img/d-8.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>82</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>274</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-5">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-9.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>干脆面炼金术士</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>人生的意义，在于一天比一天过的快乐</p>
                            <a href=""><img src="img/d-10.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>54</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>104</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-6">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-11.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>堆糖小喇叭</h4>
                                <p>主题-我曾为你动过情</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>我曾为你动过情</p>
                            <a href=""><img src="img/d-12.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>300</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>665</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-7">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-13.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>-你是我全世界最喜欢的猪-</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>登上79所高校学生借阅排行榜的九本书。</p>
                            <a href=""><img src="img/d-14.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>59</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>151</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-8">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-15.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>情写风月</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>799风景内测美化包</p>
                            <a href=""><img src="img/d-16.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>35</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>22</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-9">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-17.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>审</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>火影你们粉谁 留名我去截头像！</p>
                            <a href=""><img src="img/d-18.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>9</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>1</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-10">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-5.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>美少女PINK酱</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                            <a href=""><img src="img/d-20.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>57</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>126</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-11">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-21.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>少女感养成学院</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>同桌的你</p>
                            <a href=""><img src="img/d-22.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>89</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>106</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-12">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-1.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>堆糖小喇叭</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>我的cp真香！</p>
                            <a href=""><img src="img/d-24.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>91</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>107</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-13">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-25.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>白日做梦大熊</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>当女生也太太太太不容易了</p>
                            <a href=""><img src="img/d-26.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>79</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>76</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-14">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-13.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>-你是我全世界最喜欢的猪-</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>有哪些好看 值得回味的电影？</p>
                            <a href=""><img src="img/d-28.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>80</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>293</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-15">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-29.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>堆糖Class小助手</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>伴随一生的 [少女感,]， 拥有它一点也不难</p>
                            <a href=""><img src="img/d-30.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>34</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>41</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-16">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-31.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>飞乐鸟</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                            <a href=""><img src="img/d-32.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>68</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>63</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-17">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-5.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>美少女PINK酱</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>7个私藏的小众APP，实用又有bigger，用过三个算我输！</p>
                            <a href=""><img src="img/d-34.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>139</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>461</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-18">
                        <div class="d-1">
                            <div class="d-1-left">
                                <a href=""><img src="img/d-13.jpg" alt=""></a>
                            </div>
                            <div class="d-1-right">
                                <h4>-你是我全世界最喜欢的猪-</h4>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="d-2">
                            <p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
                            <a href=""><img src="img/d-36.jpg" alt=""></a>
                        </div>
                        <div class="d-3">
                            <div class="d-3-1">
                                <img src="img/dt-1.png" alt="">
                                <span>42</span>
                            </div>
                            <div class="d-3-2">
                                <img src="img/dt-2.png" alt="">
                                <span>71</span>
                            </div>
                            <div class="d-3-3">
                                <img src="img/dt-3.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="dt-19">
                        <a href="">查看更多<img src="img/cha.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="content-3-right">
                <div class="h-1 clearfix">
                <h3>推荐关注</h3>
                <a href="">换一批</a>
            </div>
                <div class="dt-right">
                    <div class="right-1 clearfix">
                        <div class="h-2">
                            <div class="h-2-1">
                                <div class="ta-1">
                                    <img src="img/r-1.jpg" alt="">
                                </div>
                                <div class="ta-2">
                                    <h3>一望损莓苔</h3>
                                    <p>擅长领域：手工,园艺</p>
                                </div>
                            </div>
                            <div class="h-2-2">
                                <div class="ta-1">
                                    <img src="img/r-2.jpg" alt="">
                                </div>
                                <div class="ta-2">
                                    <h3>猫头鹰叔叔</h3>
                                    <p>擅长领域：摄影</p>
                                </div>
                            </div>
                            <div class="h-2-3">
                                <div class="ta-1">
                                    <img src="img/r-3.jpg" alt="">
                                </div>
                                <div class="ta-2">
                                    <h3>兔纸鱼</h3>
                                    <p>擅长领域：Q版</p>
                                </div>
                            </div>
                            <div class="h-2-4">
                                <div class="ta-1">
                                    <img src="img/r-4.jpg" alt="">
                                </div>
                                <div class="ta-2">
                                    <h3>小熊奶黄包</h3>
                                    <p>擅长领域：壁纸,Q版</p>
                                </div>
                            </div>
                        </div>
                        <div class="h-3">
                            <ul>
                                <li class="ta-3 item-2"><a href="">关注</a></li>
                                <li class="ta-3 item-3"><a href="">关注</a></li>
                                <li class="ta-3 item-4"><a href="">关注</a></li>
                                <li class="ta-3 item-1"><a href="">关注</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="h-4">
                    <a href="">查看更多 <img src="img/you.jpg" alt=""></a>
                </div>
            </div>
            <div class="h-5">
                <img src="img/nv.jpg" alt="">
            </div>
        </div>
    </div>
</div>
<div class="footer-inner">
    <div class="container">
        <div class="footer">
            <div class="footer-top">
                    <div class="f-1">
                        <p>APP下载</p>
                        <a href=""><img src="img/f-1.jpg" alt=""></a>
                        <p>扫描二维码</p>
                        <p>下载堆糖手机客户端</p>
                    </div>
                    <div class="f-2"></div>
                <div class="f-bottom">
                    <div class="f-3">
                        <h3>关于我们</h3>
                        <ul>
                            <li class="g-1"><a href="">关于我们</a></li>
                            <li class="g-2"><a href="">加入我们</a></li>
                            <li class="g-2"><a href="">联系我们</a></li>
                            <li class="g-2"><a href="">商务合作</a></li>
                        </ul>
                    </div>
                    <div class="f-4">
                        <h3>关注我们</h3>
                        <ul>
                            <li class="g-1"><a href="">新浪微博</a></li>
                            <li class="g-2"><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="f-5">
                        <h3>友情链接</h3>
                        <div class="f-5-1">
                            <ul class="ai">
                                <li class="g-1"><a href="">爱物网</a></li>
                                <li class="g-2"><a href="">肉丁网</a></li>
                            </ul>
                            <ul>
                                <li class="g-1"><a href="">东方女性网</a></li>
                                <li class="g-2"><a href="">更多..</a></li>
                            </ul>
                        </div>

                    </div>
                </div>

            </div>
            <div class="footer-bottom">
                <p class="ban">&copy;2019 duitang.com 版权所有。沪ICP备10038086号-3  <img src="img/f-2.jpg" alt="" class="fb-2"><img src="img/f-3.jpg" alt="" class="fb-3">&nbsp;&nbsp;|&nbsp;&nbsp;
                增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
                <p><img src="img/f-4.jpg" alt=""> 上海市互联网违法和不良信息举报中心  |  有害内容举报电话：021-63462282</p>
            </div>
        </div>
    </div>
</div>
    <div class="fan" id="top">
        <img src="img/f.png" alt="">
    </div>


    <script src="script.js"></script>
</body>
</html>